<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器用法</title>

    <style>

        /*1.id选择器 为某个标签添加样式 */
        #p1 {
            font-size: 20px;
            color: lightcoral;
        }

        /*需求:我想为所有的p标签添加样式*/
        p {
            font-size: 30px;
            color: gold;
        }

        /*需求: 想为某几个P标签添加样式 类选择器*/
        .p3 {
            font-size: 50px;
            color: rebeccapurple;
            background-color: green;
        }

        /*
            优先级问题:  ID选择器 >  类选择器 > 标签选择器
            规则说明:  如果样式修饰雷同,则按照上述的优先级. 如果是额外的样式,则生效
                     多个选择器,共同作用.
            记忆:  就近原则   范围越小越优先!!!
        */
    </style>
</head>
<body>

    <!--html页面中id的值必须唯一-->
    <p id="p1" class="p3">选择器测试11</p>
    <p id="p2" class="p3">选择器测试22</p>
    <p id="p3" class="p3">选择器测试33</p>

</body>
</html>